<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>回调函数使用与比较</title>
    <title>TestCallBack</title>
    <script type="text/javascript" src="../../libs/jquery-1.11.3.js"></script>


</head>
<body>
<p>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
    <br>
    I love you,java.
</p>
<input id="button1" type="button" value="没使用回调函数!"/>
<input id="button2" type="button" value="使用回调函数!"/>


<script type="text/javascript">
//                    $(document).ready(function(){
                $("#button1").click(function(){
                    $("p").hide("slow");
                    alert("不使用回调，先弹出对话框再隐藏！");
                });
                $("#button2").click(function(){
                    $("p").hide("slow",function(){
                        alert("使用回调函数，先隐藏再弹出对话框!");
                    });
                });

$("#button2").remove()

//    $("#button2").on('click', function () {
//        $("p").hide("slow", function () {
//            alert("使用回调函数，先隐藏再弹出对话框!")
//        })
//    })


    //                })
</script>
</body>
</html>
